<template name="skeleton">
  <view class="sk-container data-v-a7a6a130">
    <view class="viewport viewport data-v-c618da77 data-v-c618da77 data-v-a7a6a130">
      <view class="content content data-v-c618da77 data-v-c618da77 data-v-a7a6a130">
        <navigator
          class="address-box data-v-c618da77 sk-image sk-pseudo sk-pseudo-circle data-v-a7a6a130"
          hover-class="none"
        >
          <view class="data-v-c618da77 data-v-c618da77 data-v-a7a6a130">
            <view class="user-box user-box data-v-c618da77 data-v-c618da77 data-v-a7a6a130">
              <view
                class="user data-v-c618da77 sk-transparent sk-text-14-2857-595 sk-text data-v-a7a6a130"
                >小朱同学</view
              >
              <view
                class="contact data-v-c618da77 sk-transparent sk-text-14-2857-65 sk-text data-v-a7a6a130"
                >13536940617</view
              >
            </view>
            <view
              class="address data-v-c618da77 sk-transparent sk-text-14-2857-535 sk-text data-v-a7a6a130"
              >北京市 北京市 东城区 113</view
            >
          </view>
        </navigator>
        <view class="goods-box goods-box data-v-c618da77 data-v-c618da77 data-v-a7a6a130">
          <navigator class="data-v-c618da77 data-v-c618da77 data-v-a7a6a130" hover-class="none">
            <view class="good good data-v-c618da77 data-v-c618da77 data-v-a7a6a130">
              <view class="image image data-v-c618da77 data-v-c618da77 data-v-a7a6a130">
                <image
                  class="pic data-v-c618da77 sk-image data-v-a7a6a130"
                  mode="aspectFill"
                ></image>
              </view>
              <view class="meta meta data-v-c618da77 data-v-c618da77 data-v-a7a6a130">
                <view
                  class="name data-v-c618da77 sk-transparent sk-text-0-0000-786 sk-text data-v-a7a6a130"
                  >紫米410克</view
                ><text
                  class="attrs data-v-c618da77 sk-transparent sk-text-14-2857-658 sk-text data-v-a7a6a130"
                  >410克</text
                >
                <view
                  class="price-count price-count data-v-c618da77 data-v-c618da77 data-v-a7a6a130"
                >
                  <view class="price price data-v-c618da77 data-v-c618da77 data-v-a7a6a130">
                    <view
                      class="price-pay symbol data-v-c618da77 sk-transparent sk-text-14-2857-207 sk-text sk-pseudo sk-pseudo-circle data-v-a7a6a130"
                      >19.00</view
                    >
                    <view
                      class="price-old symbol data-v-c618da77 sk-transparent sk-text-14-2857-407 sk-text sk-pseudo sk-pseudo-circle data-v-a7a6a130"
                      style="text-decoration-color: transparent"
                      >19.00</view
                    >
                  </view>
                  <view
                    class="count data-v-c618da77 sk-transparent sk-text-14-2857-227 sk-text data-v-a7a6a130"
                  >
                    x1</view
                  >
                </view>
              </view>
            </view>
          </navigator>
        </view>
        <view class="info info data-v-c618da77 data-v-c618da77 data-v-a7a6a130">
          <view
            class="delivery delivery common-item common-item data-v-c618da77 data-v-c618da77 data-v-a7a6a130"
            ><text
              class="label data-v-c618da77 sk-transparent sk-text-32-5000-504 sk-text data-v-a7a6a130"
              >配送时间</text
            >
            <view
              class="value data-v-c618da77 sk-image data-v-a7a6a130"
              mode="selector"
              range="[{'type':1,'text':'时间不限（周一至周日'},{'type':2,'text':'工作日送（周一至周五'},{'type':3,'text':'周末配送（周六至周日'}]"
              range-key="text"
            >
              <view
                class="icon-fonts picker data-v-c618da77 sk-transparent sk-text-32-5000-725 sk-text sk-pseudo sk-pseudo-circle data-v-a7a6a130"
                >时间不限（周一至周日）</view
              >
            </view>
          </view>

          <view
            class="notes notes common-item common-item data-v-c618da77 data-v-c618da77 data-v-a7a6a130"
            ><text
              class="label data-v-c618da77 sk-transparent sk-text-32-5000-408 sk-text data-v-a7a6a130"
              >订单备注</text
            >
            <view
              class="input value data-v-c618da77 sk-image data-v-a7a6a130"
              placeholder="选题，建议留言前与商家沟通确认"
              type="text"
              value="true"
            ></view>
          </view>
        </view>
        <view class="price-info price-info data-v-c618da77 data-v-c618da77 data-v-a7a6a130">
          <view class="common-item common-item data-v-c618da77 data-v-c618da77 data-v-a7a6a130"
            ><text
              class="label data-v-c618da77 sk-transparent sk-text-32-5000-59 sk-text data-v-a7a6a130"
              >商品总价</text
            ><text
              class="value symbol data-v-c618da77 sk-transparent sk-text-32-5000-627 sk-text sk-pseudo sk-pseudo-circle data-v-a7a6a130"
              >19</text
            ></view
          >
          <view class="common-item common-item data-v-c618da77 data-v-c618da77 data-v-a7a6a130"
            ><text
              class="label data-v-c618da77 sk-transparent sk-text-32-5000-453 sk-text data-v-a7a6a130"
              >运费</text
            ><text
              class="value symbol data-v-c618da77 sk-transparent sk-text-32-5000-400 sk-text sk-pseudo sk-pseudo-circle data-v-a7a6a130"
              >8</text
            ></view
          >
        </view>
      </view>
      <view
        class="toolbar toolbar data-v-c618da77 data-v-c618da77 data-v-a7a6a130"
        style="padding-bottom: 34px"
      >
        <view
          class="total-price data-v-c618da77 sk-transparent sk-text-14-2857-76 sk-text sk-pseudo sk-pseudo-circle data-v-a7a6a130"
          >27</view
        ><button
          class="to-pay data-v-c618da77 sk-transparent sk-button sk-pseudo sk-pseudo-circle data-v-a7a6a130"
        >
          提交订单
        </button>
      </view>
    </view>
  </view>
</template>

<style lang="scss" scoped>
@import '../styles/orderPre';
.sk-transparent {
  color: transparent !important;
}
.sk-text-14-2857-595 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 39.2rpx;
  position: relative !important;
}
.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}
.sk-text-14-2857-65 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 39.2rpx;
  position: relative !important;
}
.sk-text-14-2857-535 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 39.2rpx;
  position: relative !important;
}
.sk-text-0-0000-786 {
  background-image: linear-gradient(
    transparent 0%,
    #eeeeee 0%,
    #eeeeee 100%,
    transparent 0%
  ) !important;
  background-size: 100% 28rpx;
  position: relative !important;
}
.sk-text-14-2857-658 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 33.6rpx;
  position: relative !important;
}
.sk-text-14-2857-207 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 39.2rpx;
  position: relative !important;
}
.sk-text-14-2857-407 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 33.6rpx;
  position: relative !important;
}
.sk-text-14-2857-227 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 39.2rpx;
  position: relative !important;
}
.sk-text-32-5000-504 {
  background-image: linear-gradient(
    transparent 32.5%,
    #eeeeee 0%,
    #eeeeee 67.5%,
    transparent 0%
  ) !important;
  background-size: 100% 80rpx;
  position: relative !important;
}
.sk-text-32-5000-725 {
  background-image: linear-gradient(
    transparent 32.5%,
    #eeeeee 0%,
    #eeeeee 67.5%,
    transparent 0%
  ) !important;
  background-size: 100% 80rpx;
  position: relative !important;
}
.sk-text-32-5000-408 {
  background-image: linear-gradient(
    transparent 32.5%,
    #eeeeee 0%,
    #eeeeee 67.5%,
    transparent 0%
  ) !important;
  background-size: 100% 80rpx;
  position: relative !important;
}
.sk-text-32-5000-59 {
  background-image: linear-gradient(
    transparent 32.5%,
    #eeeeee 0%,
    #eeeeee 67.5%,
    transparent 0%
  ) !important;
  background-size: 100% 80rpx;
  position: relative !important;
}
.sk-text-32-5000-627 {
  background-image: linear-gradient(
    transparent 32.5%,
    #eeeeee 0%,
    #eeeeee 67.5%,
    transparent 0%
  ) !important;
  background-size: 100% 80rpx;
  position: relative !important;
}
.sk-text-32-5000-453 {
  background-image: linear-gradient(
    transparent 32.5%,
    #eeeeee 0%,
    #eeeeee 67.5%,
    transparent 0%
  ) !important;
  background-size: 100% 80rpx;
  position: relative !important;
}
.sk-text-32-5000-400 {
  background-image: linear-gradient(
    transparent 32.5%,
    #eeeeee 0%,
    #eeeeee 67.5%,
    transparent 0%
  ) !important;
  background-size: 100% 80rpx;
  position: relative !important;
}
.sk-text-14-2857-76 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 56rpx;
  position: relative !important;
}
.sk-button {
  color: #efefef !important;
  background: #efefef !important;
  border: none !important;
  box-shadow: none !important;
}
.sk-image {
  background: #efefef !important;
}
.sk-pseudo::before,
.sk-pseudo::after {
  background: #efefef !important;
  background-image: none !important;
  color: transparent !important;
  border-color: transparent !important;
}
.sk-pseudo-rect::before,
.sk-pseudo-rect::after {
  border-radius: 0 !important;
}
.sk-pseudo-circle::before,
.sk-pseudo-circle::after {
  border-radius: 50% !important;
}
.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}
</style>
